﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<title>添加信息</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
	html,body{
			width: 100%;
			height: 100%;
			font-size:85%;
		}
		.container{
			width: 90%;
			margin-top: 5%;
		}
		.choose{
			color: #6699FF;
		}
		td{
			width:auto;
		}
		select{
			width:100%;
		}
		
</style>
</head>
<body>

	<div class="container">
	
		<div class="list-group">
		<a href="#" class="list-group-item active">
			<h4 class="list-group-item-heading">
				第一步：选择人员
			</h4>
		</a>
		<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							&times;
						</button>
						<h4 class="modal-title" id="myModalLabe2">
							请输入人员姓名查询（支持半模糊查询）
						</h4>
						<div class="input-group">
							<input type="text" class="form-control" id="staffName" autofocus="autofocus">
							<span class="input-group-btn">
								<button class="btn btn-default" type="button" onclick="searchStaff()">
									查询
								</button>
							</span>
						</div>
					</div>
						
					<div class="modal-body">
						<form id="searchStaff">
							<table class="table table-striped table-bordered table-hover table-condensed">
								<thead>
									<tr>	
										<th>人员编号</th>
										<th>姓名</th>
										<th>身份证号</th>
										<th>联系方式</th>
										<th>性别</th>
										<th>民族</th>
										<th>政治面貌</th>
										<th>学院/部门</th>
										<th>学历</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody id="tabledata">
									<tr style="display:none">
										<td id="sex">
											<select onchange="changeoption(this)" index="3">
											<option id="opop1" class="sex" selected="selected">请选择</option>
											  <option value ="volvo">男</option>
											  <option value ="saab">女</option>
											</select>
										</td>
										
										<td id="nation">
									<select onchange="changeoption(this)" index="4">
									<option id="opop2" class="nation" selected="selected">请选择</option>
									  <option value ="volvo">汉族</option>
									  <option value ="saab">维吾尔族</option>
									  <option value="opel">回族</option>
									  <option value="audi">蒙古族</option>
									  <option value ="volvo">哈萨克族</option>
									  <option value ="saab">满族</option>
									  <option value="opel">锡伯族</option>
									  <option value="audi">塔吉克族</option>
									  <option value ="volvo">柯尔克孜族</option>
									  <option value ="saab">乌孜别克族</option>
									  <option value="opel">塔塔尔族</option>
									  <option value="audi">俄罗斯族</option>	  
									  <option value ="volvo">壮族</option>
									  <option value ="saab">彝族</option>
									  <option value="opel">达斡尔族</option>
									  <option value="audi">东乡族</option>
									  <option value ="volvo">藏族</option>
									  <option value ="saab">鄂伦春族 </option>			  
									  <option value="opel">羌族</option>
									  <option value="audi">朝鲜族</option>
									  <option value ="volvo">土家族</option>
									  <option value ="saab">哈尼族</option>
									  <option value="opel">傣族</option>
									  <option value="audi">布朗族 </option>
									   <option value="opel">其他</option>
									</select>
								</td>
								
								<td id="face">
									<select onchange="changeoption(this)" index="5">
									<option id="opop3" class="face" selected="selected">请选择</option>
									   <option value ="volvo">中共党员</option>
									  <option value ="saab">共青团员</option>
									  <option value="opel">群众</option>
									  <option value="audi">九三学社</option>
									   <option value="opel">民盟</option>
									  <option value="audi">民建</option>
									   <option value="opel">农工党</option>
									  <option value="audi">致公党</option>
									   <option value="opel">民革</option>
									  <option value="audi">台湾民盟</option>
									  <option value="audi">其他</option>
									</select>
								</td>
								
								<td id="department">
									<select onchange="changeoption(this)" index="6">
									<option id="opop4" class="department" selected="selected">请选择</option>
									  <option value="audi">马克思主义学院</option>
									   <option value="opel">商学院</option>
									  <option value="audi">法学院</option>
									   <option value="opel">政治与公共管理学院</option>
									  <option value="audi">民族学与社会学学院</option>
									  <option value ="volvo">教育科学学院</option>
									  <option value ="saab">文学院</option>
									  <option value="opel">历史学院</option>
									  <option value="audi">语言学院</option>
									   <option value="opel">外国语学院</option>
									  <option value="audi">国际文化交流学院</option>
									   <option value="opel">数学科学学院</option>
									  <option value="audi">物理电子工程学院</option>
									   <option value="opel">计算机科学技术学院</option>
									  <option value="audi">地理科学与旅游学院</option>
									  <option value="audi">化学化工学院</option>
									  <option value ="volvo">生命科学学院</option>
									  <option value ="saab">体育学院</option>
									  <option value="opel">音乐学院</option>
									  <option value="audi">美术学院</option>
									   <option value="opel">初等教育学院</option>
									  <option value="audi">继续教育学院</option>
									   <option value="opel">网络教育学院</option>
									  <option value="audi">教师培训学院</option>
									   <option value="opel">青年政治学院</option>
									  <option value="audi">预科学院</option>
									  <option value="opel">新疆旅游培训学院</option>
									  <option value="audi">人事处</option>
									  <option value ="volvo">科研处</option>
									  <option value ="saab">研究生处</option>
									  <option value="opel">审计处</option>
									  <option value="audi">发展规划处</option>
									   <option value="opel">教务处</option>
									   <option value="opel">计划财务处</option>
									  <option value="audi">资产管理处</option>
									  <option value="audi">综合办公室</option>
									  <option value ="volvo">信息管理中心</option>
									  <option value ="saab">后勤管理处</option>
									  <option value="opel">国际合作交流处</option>
									  <option value="audi">图书馆</option>
									   <option value="opel">校长办公室</option>
									   <option value="audi">学生处</option>
									   <option value="audi">大学生就业指导中心</option>
									   <option value="audi">保卫处</option>
									   <option value="audi">国际化领导小组办公室</option>
									   <option value="audi">汉语国际教育办公室</option>
									   <option value="audi">校办产业管理办公室</option>
									   <option value="audi">实验室与设备管理处</option>
									   <option value="audi">温泉校区建设指挥部</option>
									   <option value="audi">文光校区综合管理办公室</option>
									   <option value="audi">温泉校区综合办公室</option>
									   <option value="audi">走出去工作领导小组办公室</option>
									  <option value ="volvo">党委办公室</option>
									  <option value ="saab">组织部</option>
									  <option value="opel">宣传部</option>
									  <option value="audi">纪检委办公室</option>
									   <option value="opel">团委</option>
									  <option value="audi">武装部</option>
									   <option value="opel">学生工作部</option>	 
									   <option value="opel">统战部</option>
									   <option value="opel">工会</option>
									   <option value="opel">监察室</option>
									  <option value ="volvo">图书馆</option>
									  <option value ="saab">学报编辑部</option>
									  <option value="opel">双语教育研究编辑部</option>
									  <option value="audi">附属中学</option>
									   <option value="opel">校医院</option>
									  <option value="audi">师资培训中心</option>
									   <option value="opel">学术交流中心</option>
									  <option value="audi">双语师资培训中心</option>
									   <option value="opel">高等学校师资培训中心</option>
									  <option value="audi">离退休职工管理服务中心</option>
									  <option value ="volvo">后勤服务中心</option>
									  <option value ="saab">国家大学生文化素质教育基地</option>
									  <option value="opel">大学生心理健康教育咨询与研究中心</option>
									  <option value="audi">中亚研究院</option>
									   <option value="opel">黄文弼中心</option>
									  <option value="audi">玛纳斯研究中心</option>
									   <option value="opel">沙漠藻研究中心</option>
									  <option value="audi">自治区教师资格认定中心</option>
									   <option value="opel">新疆大学生思想政治教育中心</option>
										<option>校领导</option>
										<option>其他</option>
									</select>
									
								</td>
								
								<td id="education">
									<select onchange="changeoption(this)" index="7">
									<option id="opop5" class="education" selected="selected">请选择</option>
									  <option value ="volvo">专科</option>
									  <option value ="saab">本科</option>
									  <option value="opel">硕士</option>
									  <option value="audi">博士</option>
									</select>
								</td>		
										
										<td id="moban"> <span class="glyphicon glyphicon-ok choose" onclick="xiugai(this)" 
											data-toggle="modal" data-target="#myModal3">确认修改</span></td>
									</tr>
								</tbody>
							</table>
						</form>
					</div>
					
				</div><!-- /.modal-content -->
	</div>
	
		<center>
		<a href="index.html"><button type="button" class="btn btn-info">返回首页</button></a>
	</center>
	
	</div>

</body>

<script type="text/javascript">
var persondata = [];

function bondData(index){
	$(".sex")[index+1].innerHTML = persondata[index][3];
	$(".nation")[index+1].innerHTML=persondata[index][4];
	$(".face")[index+1].innerHTML=persondata[index][5];
	$(".department")[index+1].innerHTML=persondata[index][6];
	$(".education")[index+1].innerHTML=persondata[index][7];
}

function searchStaff(){//$("#testform").serialize() 
	$.post("getStaff.do", "name="+$("#staffName").val(),function(data){
		var list = document.getElementsByClassName("staffmsglist");
		var p = document.getElementById("tabledata");
		for(var k=list.length-1;k>=0;k--) p.removeChild(list[k]);
		
		var res = data.split("\u0001");
		for(var i=0;i<res.length-1;i++){
			var caozuo = document.getElementById("moban").cloneNode(true);
			var sex = document.getElementById("sex").cloneNode(true);
			var nation = document.getElementById("nation").cloneNode(true);
			var face = document.getElementById("face").cloneNode(true);
			var department = document.getElementById("department").cloneNode(true);
			var education = document.getElementById("education").cloneNode(true);
					
			var tr = document.createElement("tr");
			tr.setAttribute("class","staffmsglist choose");
			var str = res[i].split("\u0005");
			persondata[i] = str;
			for(var j=0;j<3;j++){
				var td = document.createElement("td");
				td.innerHTML = str[j];
				td.setAttribute("contentEditable","true");
				td.setAttribute("index",j);
				td.setAttribute("onblur","haschenge(this)");
				tr.appendChild(td);
			}
			var td = document.createElement("td");
			td.innerHTML = str[8];
			td.setAttribute("contentEditable","true");
			td.setAttribute("index",8);
			td.setAttribute("onblur","haschenge(this)");
			tr.appendChild(td);
			
			tr.appendChild(sex);
			tr.appendChild(nation);
			tr.appendChild(face);
			tr.appendChild(department);
			tr.appendChild(education);
			tr.setAttribute("dataofid",str[0]);
			//tr.setAttribute("sname",str[1]);
			//tr.setAttribute("onclick","seaarchPassPort(this)");
			caozuo.setAttribute("index",i);
			tr.setAttribute("index",i);
			tr.appendChild(caozuo);
			p.appendChild(tr);
			bondData(i);
		}
	},"text");

}

function changeoption(node){
	var index=node.selectedIndex;
	var d = node.options[index].text;
	var row = node.parentNode.parentNode.getAttribute("index");
	var col = node.getAttribute("index");
	persondata[row][col] = d;
}

function xiugai(node){
	var index = node.parentNode.getAttribute("index");
	var parm = "sid="+persondata[index][0]+"&name="+persondata[index][1]+"&personid="+persondata[index][2]+""+"&sex="+persondata[index][3];
	parm+="&nation="+persondata[index][4]
	parm+="&face="+persondata[index][5]+"&department="+persondata[index][6]+"&education="+persondata[index][7]+"&contact="+persondata[index][8]
	parm = parm.replace(/<br>/g,"");
	$.post("modifyStaffMsg.do",parm,function(data){
		alert("修改成功");
	})
}
function haschenge(node){
	var row = node.parentNode.getAttribute("index");
	var col = node.getAttribute("index");
	persondata[row][col] = node.innerHTML;
}


</script>

</html>